<!doctype html>
<meta charset="utf-8">
<title>Test that a transformed foreignObject element can contain will-change content</title>
<link rel="match" href="will-change-in-transformed-foreign-object-ref.html">
<link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
<p>You should see a 100x100 green box horizontally offset by 50px. No red should be visible.</p>
<svg style="width: 500px; height: 500px;">
  <rect id="should-be-hidden" width="100" height="100" fill="red" x="50" y="0"></rect>
  <foreignObject width="400" height="200" transform="translate(50,0)">
    <div style="will-change: transform; width: 100px; height: 100px; background: green;"></div>
  </foreignObject>
</svg>
